<!-- 详情开始 -->
<div class="detail-content">
    <div class="de-title">
        已取消
    </div>
    <div class="detail-box">
        <!-- 预约的信息 -->
        <!-- 预约结果 -->
        <!-- 订单已完成 -->
        <!-- 已经取消 -->
        <div class="appointment-result">
            <div class="app-r-title detail-title">取消详情</div>
            <!-- 取消的信息 -->
            <div class="app-r-address -app-info">
                <label for="" class="three-letter">取消人</label>
                <span>由{{appointmentInfo.AccountTypeVal}}取消</span>
            </div>
            <div class="app-r-address -app-info">
                <label for="">取消原因</label>
                <span>{{appointmentInfo.Notes}}</span>
            </div>
            <div class="app-r-address -app-info">
                <label for="">取消时间</label>
                <span>{{appointmentInfo.StatusChangeTime | date:'yyyy-MM-dd HH:mm'}}</span>
            </div>
        </div>
    </div>
</div>
<!-- 详情结束 -->
